<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>3D魔方</title>
	<!-- 引用外部样式 -->
	<link rel="stylesheet" type="text/css" href="./style/style.css">
</head>
<body>
	<!-- 内容区域 -->
	<div class="content">
		<!-- 魔方盒 -->
		<div class="cubeBox">
			<!-- 魔方的第一个面 -->
			<div class="first-surface">
				<div></div>
				<div></div>
				<div></div>
				<div></div>
				<div></div>
				<div></div>
				<div></div>
				<div></div>
				<div></div>
			</div>
			<!-- 魔方的第二个面 -->
			<div class="second-surface">
				<div></div>
				<div></div>
				<div></div>
				<div></div>
				<div></div>
				<div></div>
				<div></div>
				<div></div>
				<div></div>
			</div>
			<!-- 魔方的第三个面 -->
			<div class="third-surface">
				<div></div>
				<div></div>
				<div></div>
				<div></div>
				<div></div>
				<div></div>
				<div></div>
				<div></div>
				<div></div>
			</div>
			<!-- 魔方的第四个面 -->
			<div class="fourth-surface">
				<div></div>
				<div></div>
				<div></div>
				<div></div>
				<div></div>
				<div></div>
				<div></div>
				<div></div>
				<div></div>
			</div>
			<!-- 魔方的第五个面 -->
			<div class="fifth-surface">
				<div></div>
				<div></div>
				<div></div>
				<div></div>
				<div></div>
				<div></div>
				<div></div>
				<div></div>
				<div></div>
			</div>
			<!-- 魔方的第六个面 -->
			<div class="sixth-surface">
				<div></div>
				<div></div>
				<div></div>
				<div></div>
				<div></div>
				<div></div>
				<div></div>
				<div></div>
				<div></div>
			</div>
		</div>
	</div>
</body>
</html>